//页面组件 管理拆分的组件
<template>
  <div class="container">
    <!-- 标题 -->
    <common-header :title="title"></common-header>
    <!-- 滚动区域 -->
    <city-scroll-wrapper></city-scroll-wrapper>
  </div>
</template>

<script>
import CommonHeader from "components/Header/Common";
// 引入城市滚动区域组件
import CityScrollWrapper from "components/ScrollWrapper/City";

export default {
  name: "City",
  components: {
    CommonHeader: CommonHeader,
    CityScrollWrapper: CityScrollWrapper,
  },
  data: function () {
    return {
      title: "城市选择",
    };
  },
};
</script>

<style lang="scss" scoped>
</style>